// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.profile-extra-recent-infringements {
  @_top: profile-extra-recent-infringements;

  overflow-x: auto;
  line-height: normal;

  &__action {
    width: 100%;
    border-radius: 20px;

    margin: -2px -10px;
    padding: 2px 10px;

    &--note {
      background-color: hsl(var(--hsl-blue-1));
      color: #000;
    }

    &--restriction {
      background-color: hsl(var(--hsl-red-3));
      color: #fff;
    }

    &--silence {
      background-color: hsl(var(--hsl-orange-2));
      color: #000;
    }

    &--tournament-ban {
      background-color: hsl(var(--hsl-red-3));
      color: #fff;
    }
  }

  &__table {
    width: 100%;
    min-width: 800px;

    margin: 0 -5px;

    @media @desktop {
      min-width: auto;
    }
  }

  &__table-cell {
    padding: 5px;
    vertical-align: baseline;

    &--action {
      width: 140px;
    }

    &--date {
      color: @osu-colour-f1;
      width: 160px;
      padding-right: 20px;
    }

    &--length {
      width: 145px;
      padding-right: 40px;
    }

    // overrides other modifiers
    &--header {
      font-size: @font-size--small;
      font-weight: 900;
      text-transform: uppercase;
      color: #fff;
    }
  }

  &__actor {
    color: @osu-colour-l1;
  }
}
